<template>
  <div class="Grid-wrapper">
    <van-grid 
    :column-num="3"
    :border="false"
    >
      <van-grid-item
        v-for="value in list"
        :key="value.id"
        :icon="value.icon"
        :text="value.title"
      />
    </van-grid>
  </div>
</template>

<script>
import Vue from "vue";
import { Grid, GridItem } from "vant";
Vue.use(Grid);
Vue.use(GridItem);
export default {
    data() {
        return {
            list:[
                {
                    id:'icon1',
                    icon:"bag-o",
                    title:"限时折扣",
                },
                {
                    id:'icon2',
                    icon:"hot-o",
                    title:"本周爆款"
                },
                {
                    id:'icon3',
                    icon:"apps-o",
                    title:"分类"
                }

            ]
        }
    },
};
</script>

<style lang="stylus" scoped>
.Grid-wrapper
    margin 0px 0px
</style>